@charset "UTF-8";
/* 初始化*/
.matchwarp { background: #fff; }

.matchwarp .common { width: 100%; }

.matchwarp .common .ContL { width: 880px; z-index: 1; }

.matchwarp .common .ContL .layui-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 13px; background: none; background: #fff; padding: 0; border-radius: 5px; cursor: pointer; }

.matchwarp .common .ContL .layui-nav .layui-nav-item { width: 100%; height: 45px; line-height: 45px; color: #000; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.matchwarp .common .ContL .layui-nav .bt- { font-size: 16px; position: relative; display: block; padding-right: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.matchwarp .common .ContL .layui-nav .bt- i { position: absolute; right: 0; top: 50%; width: 0px; height: 0px; border-left: 8px solid  transparent; border-right: 8px solid  transparent; border-top: 10px solid  #000; margin-top: -5px; border-radius: 5px; }

.matchwarp .common .ContL .layui-nav .layui-nav-child { top: 45px; line-height: 25px; border: none; font-size: 16px; }

.matchwarp .common .ContL .layui-nav .layui-nav-child a:hover, .matchwarp .common .ContL .layui-nav .layui-nav-child a.active { background-color: #0066ff; color: #fff; }

.matchwarp .common .ContR { width: 290px; }

.sharebox ul li .btn { background: #f3f3f3; }

.Ritemmatch1 ul { padding-top: 15px; }

.Ritemmatch1 ul li { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; height: 117px; display: block; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.Ritemmatch1 ul li a { overflow: hidden; display: block; max-width: 90%; text-align: center; }

.Ritemmatch1 ul li p { line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.Ritemmatch1 ul li .img { background: none; height: auto; min-height: 62px; max-height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.Ritemmatch1 ul li .img img { width: auto; height: auto; margin: 0 auto; display: block; }

.matchtitle { position: relative; height: 205px; }

.matchtitle .bj { width: 100%; height: 100%; overflow: hidden; border-radius: 5px; }

.matchtitle .cont { background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 5px; line-height: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.matchtitle .cont .box { width: 100%; }

.matchtitle .cont .text { color: #fff; text-align: center; line-height: 30px; }

.matchtitle .cont .text .time { padding-top: 6px; }

.matchtitle .cont .text .bt { display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; line-height: 40px; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.matchtitle .cont .text .bt img { max-height: 40px; width: auto; display: inline-block; vertical-align: middle; }

.matchtitle .cont .text .bt .flex1 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; }

.matchtitle .cont .text .bt .flex1 .h2 { font-weight: bold; margin: 0 8px; }

.matchtitle .cont .text .bt .flex1 a { color: #fff; padding: 0 10px; }

.matchtitle .cont .text .bt .flex1 a:hover { color: #0066ff; }

.matchtitle .cont .select { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 15px; }

.matchtitle .cont .select .layui-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 175px; }

.matchtitle .cont .select .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.matchtitle .cont .select .text .bt { overflow: hidden; }

.matchtitle .cont .select .text .bt .flex1 { overflow: hidden; }

.matchtitle .cont .select .text .bt .flex1 h2 { overflow: hidden; white-space: nowrap; margin-right: 0px; word-break: break-all; }

.matchtitle.theme { height: 160px; }

.matchtitle.theme .cont .select .layui-nav { margin: 0 7px; }

.matchnav { background: #f2f2f2; height: 50px; line-height: 50px; overflow: hidden; }

.matchnav ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.matchnav ul li { float: left; font-size: 18px; position: relative; }

.matchnav ul li a { position: relative; display: block; }

.matchnav ul li a::after { width: 100%; height: 2px; background: #0066ff; content: ''; display: none; position: absolute; left: 0; bottom: 8px; }

.matchnav ul li.on { font-weight: bold; }

.matchnav ul li:hover a, .matchnav ul li.on a { color: #0066ff; }

.matchnav ul li:hover a::after, .matchnav ul li.on a::after { display: block; }

.selectnav { padding: 10px 0; }

.selectnav .layui-nav { display: inline-block; border: 1px solid #e0e0e0; margin: 10px !important; min-width: 100px; }

.selectnav .layui-nav .layui-nav-item { height: 36px  !important; line-height: 36px !important; }

.selectnav .layui-nav .layui-nav-item .bt- { font-size: 15px !important; }

.selectnav .layui-nav .layui-nav-item .layui-nav-child { top: 38px !important; }

.matchswitch { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; }

.matchswitch .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.matchswitch .flex a { height: 40px; line-height: 40px; background: #f2f2f2; display: block; float: left; margin-right: 15px; padding: 0 15px; border-radius: 5px; font-size: 16px; }

.matchswitch .flex .on { background: #0066ff; color: #fff; }

.matchnohtml { padding: 50px 0; text-align: center; line-height: 30px; font-size: 16px; }

.matchnohtml i { display: inline-block; vertical-align: middle; background: #0066ff; color: #fff; font-size: 20px; height: 28px; width: 28px; border-radius: 50%; line-height: 28px; text-align: center; margin: -2px 5px 0 0; }

.match_table { width: 100%; font-size: 16px; }

.match_table .tr, .match_table .th { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.match_table .tr .td:nth-child(1), .match_table .th .td:nth-child(1) { width: 33%; }

.match_table .tr .td:nth-child(2), .match_table .th .td:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.match_table .tr .td:last-child, .match_table .th .td:last-child { padding-right: 0px !important; position: initial; }

.match_table .th { height: 43px; overflow: hidden; line-height: 43px; background: #fafafa; font-weight: bold; }

.match_table .tr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.match_table .tr:last-child { border-bottom: none; }

.match_table .tr .td { padding: 30px 15px; }

.match_table .td { padding: 0 15px; line-height: 40px; position: relative; }

.match_table .td:nth-child(2) { min-width: 70px; }

.match_table .td .tip { font-size: 12px; color: #909090; overflow: hidden; line-height: 20px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.match_table .td .name { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.match_table .td .name .img { width: 80px; background: none; height: 60px; }

.match_table .td .name .img img { position: absolute; width: auto; height: auto; max-width: 80px; max-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.match_table .td .name .ico { width: 80px; height: 30px; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.2); line-height: 30px; text-align: center; text-transform: capitalize; overflow: hidden; }

.match_table .td .name .p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 15px; max-height: 50px; line-height: 30px; line-height: 25px; display: -webkit-box; overflow: hidden; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.match_table .td .img_ { display: inline-block; vertical-align: middle; position: relative; min-width: 20px; min-height: 20px; margin: 5px; text-align: center; line-height: 20px; }

.match_table .td .img_ img { height: 30px; width: auto; margin: 0 auto; }

.match_table .td .img_ .lab { height: 22px; padding: 0 5px; border-radius: 5px; line-height: 22px; font-size: 12px; text-align: center; display: inline-block; min-width: 12px; margin-top: 5px; }

.match_table .td .img_ .cor1 { background-color: #6300bf; color: #fff; }

.match_table .td .img_ .cor2 { background-color: #a30014; color: #fff; }

.match_table .td .img_ .cor3 { background-color: #b8741a; color: #fff; }

.match_table .td .img_ .cor4 { background-color: #70b603; color: #fff; }

.match_table .td .img_ .cor5 { background-color: #027db4; color: #fff; }

.match_table .btn { width: 80px; height: 35px; background-color: #e0ecff; line-height: 35px; overflow: hidden; border-radius: 5px; text-align: center; display: block; cursor: pointer; margin-left: 10px; font-size: 14px; }

.match_table .btn:hover { background: #0066ff; color: #fff; }

.match_table .steup { display: -webkit-box; display: -ms-flexbox; display: flex; }

.match_table .w_auto .btn { width: auto; padding: 0 10px; }

.match_table .dropdown { position: relative; z-index: 111111; margin-right: -20px; }

.match_table .dropdown .btn { margin-right: 20px; }

.match_table .dropdown ul { display: none; position: fixed; left: 90px; top: 0px; z-index: 10000; background: #fff; padding: 10px; padding-left: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); border-radius: 5px; }

.match_table .dropdown ul li { padding-bottom: 10px; }

.match_table .dropdown ul .btn { margin-right: 0px; }

.match_table .ul_lis { padding: 20px 0; }

.match_table .ul_lis .item .th { width: 100%; display: block; font-weight: normal; }

.match_table .ul_lis .item .th .time { float: left; }

.match_table .ul_lis .item .th .tx { float: right; }

.match_table .ul_lis .item .lis { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.match_table .ul_lis .item .lis:last-child { border: none; }

.match_table .ul_lis .item .lis .namebox { text-align: center; line-height: 30px; font-size: 16px; width: 150px; }

.match_table .ul_lis .item .lis .flex1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.match_table .ul_lis .item .lis .flex1 .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; line-height: 30px; }

.match_table .ul_lis .item .lis .flex1 .flex p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.match_table .ul_lis .item .lis .flex1 .flex p:nth-child(2) { color: #ff4c33; }

.match_table .ul_lis .item .lis .flex1 .flex p.mor { color: #000; }

.match_table .ul_lis .item .lis .flex1 .img { width: 60px; height: 60px; display: block; background: none; text-align: center; line-height: 60px; position: relative; }

.match_table .ul_lis .item .lis .flex1 .img img { max-width: 100%; margin: 0 auto; max-height: 100%; height: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.match_table .ul_lis .item .lis .open { float: right; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 275px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.match_table .ul_lis .item .lis .open .btn { width: auto; padding: 0 10px; font-size: 14px; float: right; }

.match_table .ul_lis .item .lis .open ul li { overflow: hidden; }

.match_table .ul_lis .item .lis .open ul .btn { float: none; }

.match_table .bth2 { height: 45px; line-height: 45px; overflow: hidden; text-align: center; border-radius: 5px; background: rgba(0, 0, 0, 0.15); font-size: 16px; font-weight: bold; }

.match_table.theme .ul_lis .item .lis .namebox { width: 120px; }

.match_table.theme .ul_lis .item .lis .open { min-width: 180px; }

.match_table.theme1 .btn { width: auto; padding: 0 10px; }

.match_table.theme1 .tr .td:nth-child(1), .match_table.theme1 .th .td:nth-child(1) { width: 25%; }

.match_table.theme1 .tr .td:nth-child(2), .match_table.theme1 .th .td:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; -ms-flex: none; flex: none; }

.match_table.theme1 .tr .td:nth-child(3), .match_table.theme1 .tr .td:nth-child(4), .match_table.theme1 .th .td:nth-child(3), .match_table.theme1 .th .td:nth-child(4) { text-align: center; min-width: 50px; }

.match_table.theme1 .tr .td:nth-child(5), .match_table.theme1 .th .td:nth-child(5) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 5px; }

.match_table.theme1 .tr .td:last-child, .match_table.theme1 .th .td:last-child { padding-left: 0px; }

.match_table.theme1 .tr .td { padding: 30px 10px; }

.match_table.theme2 .tr .td:nth-child(1), .match_table.theme2 .th .td:nth-child(1) { width: 20%; }

.match_table.theme2 .tr .td:nth-child(1) .name .img, .match_table.theme2 .th .td:nth-child(1) .name .img { width: 60px; height: 40px; }

.match_table.theme2 .tr .td:nth-child(1) .name .img img, .match_table.theme2 .th .td:nth-child(1) .name .img img { max-width: 60px; }

.match_table.theme2 .tr .td:nth-child(1) .name .p, .match_table.theme2 .th .td:nth-child(1) .name .p { text-align: center; }

.match_table .tips { color: #999; text-align: center; margin-top: -10px; line-height: 20px; position: absolute; right: 10%; top: 26%; font-size: 12px; width: 14px; height: 14px; border: 1px solid #999; text-align: center; line-height: 14px; font-size: 12px; border-radius: 50%; }

.matchitem .bt-h2 { padding-top: 10px; height: 50px; line-height: 50px; overflow: hidden; }

.matchitem .bt-h2 .more { float: right; font-size: 12px; }

.matchitem .bt-h2 .h2 { font-size: 18px; overflow: hidden; float: left; border-bottom: 2px solid #0066ff; height: 48px; font-weight: bold; margin-right: 38px; }

.matchitem .bt-h2 .tis { float: left; font-size: 0.18rem; }

.matchitem .bt-h2 .tab { border-color: transparent; font-weight: normal; cursor: pointer; }

.matchitem .bt-h2 .tab.on { border-color: #0066ff; color: #0066ff; font-weight: bold; }

.matchitem .bt-h2 .tab.on a { color: #0066ff; }

.newlatest .lunbox { position: relative; margin: 0 10px; padding: 10px 0; }

.newlatest .lunbox .bd { overflow: hidden; height: 80px; border-radius: 5px; }

.newlatest .lunbox .bd li { float: left; width: 160px; height: 80px; overflow: hidden; border-radius: 5px; position: relative; margin-right: 15px; }

.newlatest .lunbox .bd li:hover .motai { text-decoration: underline; }

.newlatest .lunbox .bd li .img { position: absolute; width: 100%; height: 100%; display: block; overflow: hidden; }

.newlatest .lunbox .bd li .motai { position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12px; line-height: 18px; }

.newlatest .lunbox .bd li .motai p span { display: block; text-align: center; }

.newlatest .lunbox .prev, .newlatest .lunbox .next { display: block; position: absolute; width: 20px; height: 80px; background: rgba(0, 0, 0, 0.5); top: 10px; color: #fff; font-size: 20px; line-height: 80px; text-align: center; font-family: serif; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.newlatest .lunbox .prev { border-radius: 5px 0 0 5px; left: 0px; }

.newlatest .lunbox .next { right: 0; border-radius: 0px 5px 5px 0; }

.matchzdlist .list { overflow: hidden; padding-bottom: 10px; }

.matchzdlist .list .lis { float: left; text-align: center; margin-right: 15px; padding-top: 10px; width: 80px; position: relative; }

.matchzdlist .list .lis .img { width: 80px; height: 80px; display: block; margin: 0 auto; background: none; position: relative; }

.matchzdlist .list .lis .img img { height: auto; max-height: 100%; width: auto; max-width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.matchzdlist .list .lis p { line-height: 30px; height: 30px; text-transform: uppercase; overflow: hidden; }

.matchzdlist .list .lis span { font-size: 12px; height: 20px; line-height: 20px; display: block; overflow: hidden; color: #999; }

.matchzdlist .tips { color: #818181; width: 20px; height: 20px; border: 1px solid #818181; text-align: center; line-height: 20px; font-size: 12px; border-radius: 50%; position: absolute; -webkit-transform: translate(0, -50%) scale(0.7); -ms-transform: translate(0, -50%) scale(0.7); transform: translate(0, -50%) scale(0.7); background: #fff; right: 0%; top: 65%; }

.matchToday .matchTodaytitle { height: 30px; line-height: 30px; font-size: 22px; font-weight: bold; color: #444; }

.matchToday .matchTodaytitle i { display: inline-block; vertical-align: middle; height: 22px; width: 22px; background-position: -458px -187px; margin: -2px 10px 0 0; }

.matchToday .matchDatebox { height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #e0ecff; padding: 0 20px; border-radius: 5px; margin: 20px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.matchToday .matchDatebox .bt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35px; height: 35px; font-size: 14px; color: #444; text-align: center; }

.matchToday .matchDatebox .bt span { display: inline; }

.matchToday .matchDatebox .flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 0 10px; }

.matchToday .matchDatebox .Date { border: none; cursor: pointer; height: 35px; width: 33px; background-position: -410px -179px; overflow: hidden; text-indent: 100em; line-height: 100em; }

.matchToday .matchDatebox .slide { overflow: hidden; position: relative; padding: 0 40px; }

.matchToday .matchDatebox .slide .btn { position: absolute; border-top: 7px solid transparent; border-bottom: 7px solid transparent; top: 50%; margin-top: -7px; }

.matchToday .matchDatebox .slide .prev { left: 15px; border-right: 12px solid #444; }

.matchToday .matchDatebox .slide .next { right: 15px; border-left: 12px solid #444; }

.matchToday .matchDatebox .slide .bd { width: 100%; height: 55px; overflow: hidden; }

.matchToday .matchDatebox .slide .bd li { height: 55px; float: left; color: #444444; padding: 0 8px; text-align: center; line-height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 81px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.matchToday .matchDatebox .slide .bd li a { color: #444444; }

.matchToday .matchDatebox .slide .bd li p { font-weight: bold; }

.matchToday .matchDatebox .slide .bd .now a { color: #0066ff; }

.matchToday .matchTodaydata .switchlab { width: 100%; text-align: center; height: 20px; line-height: 20px; padding-bottom: 20px; font-size: 16px; }

.matchToday .matchTodaydata .switchlab li { display: inline; padding: 0 10px; }

.matchToday .matchTodaydata .switchlab li a { padding: 0 10px; }

.matchToday .matchTodaydata .switchlab li.on { font-weight: bold; }

.matchToday .matchTodaydata .switchlab li.on a { color: #0066ff; }

.matchToday .matchTodaydata .bt-title { height: 40px; line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; border-bottom: 1px solid #e0ecff; }

.matchToday .matchTodaydata .bt-title .bt { padding: 0 8px; display: block; background: #0066ff; color: #fff; font-weight: bold; border-radius: 5px; }

.matchToday .matchTodaydata .list { margin-bottom: 30px; }

.matchToday .matchTodaydata .lis .li { border-bottom: 1px solid #f3f2f2; padding: 20px 0; font-size: 16px; }

.matchToday .matchTodaydata .lis .li .box { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.matchToday .matchTodaydata .lis .li .box .flex { overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.matchToday .matchTodaydata .lis .li .bt_img { width: 100px; overflow: hidden; background: none; margin-right: 20px; }

.matchToday .matchTodaydata .lis .li .bt_img img { max-width: 100%; max-height: 50px; width: auto; height: auto; }

.matchToday .matchTodaydata .lis .li .time { text-align: center; width: 80px; overflow: hidden; }

.matchToday .matchTodaydata .lis .li .bt { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 260px; padding: 0 10px; }

.matchToday .matchTodaydata .lis .li .bf { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 14px; }

.matchToday .matchTodaydata .lis .li .bf .name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.matchToday .matchTodaydata .lis .li .bf .name .img { width: 40px; height: 40px; display: block; background: none; position: relative; margin: 5px; }

.matchToday .matchTodaydata .lis .li .bf .name .img img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.matchToday .matchTodaydata .lis .li .bf .name p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-transform: uppercase; padding-left: 5px; }

.matchToday .matchTodaydata .lis .li .bf .name:last-child p { padding-left: 0px; padding-right: 5px; }

.matchToday .matchTodaydata .lis .li .bf .VS { padding: 0 10px; letter-spacing: 5px; }

.matchToday .matchTodaydata .lis .li .bf .cor { color: red; letter-spacing: 0; padding: 0 15px; }

.matchToday .matchTodaydata .lis .li .btn { width: 80px; height: 35px; background-color: #e0ecff; line-height: 35px; overflow: hidden; border-radius: 5px; text-align: center; display: block; cursor: pointer; margin-right: 20px; font-size: 14px; }

.matchToday .matchTodaydata .lis .li .btn:hover { background: #0066ff; color: #fff; }

.matchToday .matchTodaydata .lis .li .dropdown { position: relative; z-index: 111111; margin-right: -20px; float: left; }

.matchToday .matchTodaydata .lis .li .dropdown .btn { margin-left: 10px; }

.matchToday .matchTodaydata .lis .li .dropdown ul { display: none; position: fixed; left: 90px; top: 0px; z-index: 10000; background: #fff; padding: 10px; padding-left: 0px; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); border-radius: 5px; }

.matchToday .matchTodaydata .lis .li .dropdown ul li { padding-bottom: 10px; }

.matchToday .matchTodaydata .lis .li .dropdown ul .btn { margin-right: 0px; }

.layerdatatips.layui-layer-tips { width: 300px !important; }

.layerdatatips.layui-layer-tips i.layui-layer-TipsR { border-bottom-color: transparent !important; border-right-color: #666666; left: -16px; top: 0; }

.layerdatatips.layui-layer-tips .layui-layer-content { word-break: break-all; }
